<template>
  <div class="logo">
    <nuxt-link to="/">
      <img src="@/static/images/logo.png" alt="LOGO"
    /></nuxt-link>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.logo {
  position: relative;
  height: 100%;
  // height 76px
  // width 180px
  background-color: $--color-primary;
  z-index: 999;
  img {
    width: 80%;
  }
  a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
  }
}
</style>
